<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>京东(JD.COM)-正品低价、品质保障、配送及时、轻松购物！</title>
  <link rel="icon" href="//www.jd.com/favicon.ico">
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

  <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
  <link rel="stylesheet" href="./css/swiper-bundle.min.css">
  <script src="./js/swiper-bundle.min.js"></script>
  <link rel="stylesheet" href="./font/iconfont.css" />
  <link rel="stylesheet" href="./css/index.css" />
</head>

<body>

  <div class="header">
    <!-- 广告位 -->
    <div class="header-top">
      <div class="header-top-box">
        <div class="header-top-box-main">
          <i class="iconfont icon-shanchu"></i>
          <div class="header-top-main-logo"></div>
          <div class="header-top-main-con">
            <a href="javascript:;">
              <img src="./image/618img01.jpg.webp" alt="" />
            </a>
            <a href="javascript:;">
              <img src="./image/618img02.jpg.webp" alt="" />
            </a>
            <a href="javascript:;">
              <img src="./image/618img03.jpg.webp" alt="" />
            </a>
          </div>
        </div>
      </div>
    </div>
    <!-- 导航栏 -->
    <div class="header-top-nav">
      <div class="header-top-nav-box clear">
        <ul class="location clear">
          <li>
            <a href="javascript:;">
              <i class="iconfont icon-dingwei"></i><span class="locat">河南</span>
            </a>
            <div class="locationList"></div>
          </li>
        </ul>
        <ul class="nav-list">
          <li class="login-reg">
            <p class="">
              <a href="login.html">你好，请登录</a>&nbsp;&nbsp;<a href="reg.html">免费注册</a>
            </p>
            <p style="display: none">
              <a href="javascript:;"><span class="loginInfo"></span><span class="tuichu">退出</span></a>
            </p>

          </li>
          <li class="spacer">|</li>
          <li><a href="javascript:;">我的订单</a></li>
          <li class="spacer">|</li>
          <li class="my_jd">
            <a href="javascript:;" class="icon-w"> 我的京东</a><i class="iconfont icon-jiantou"></i>
            <div class="mu_jd_menu">
              <div class="mu_jd_menu1"></div>
              <div class="mu_jd_menu2"></div>
            </div>
          </li>
          <li class="spacer">|</li>
          <li><a href="javascript:;">京东会员</a></li>
          <li class="spacer">|</li>
          <li class="qiye">
            <a href="javascript:;" class="icon-w">企业采购</a><i class="iconfont icon-jiantou"></i>
            <div class="qiye_menu">
              <div class="qiye_menu1 clear"></div>
            </div>
          </li>
          <li class="spacer">|</li>
          <li class="kehu">
            <a href="javascript:;" class="icon-w">客户服务</a><i class="iconfont icon-jiantou"></i>
            <div class="kehu_menu">
              <div class="kehu_menu1"></div>
              <div class="kehu_menu2"></div>
            </div>
          </li>
          <li class="spacer">|</li>
          <li class="wangzhan">
            <a href="javascript:;" class="icon-w">网站导航</a><i class="iconfont icon-jiantou"></i>
            <div class="wangzhan_menu">
              <div class="wangzhan_menu1"></div>
              <div class="wangzhan_menu2"></div>
              <div class="wangzhan_menu3"></div>
              <div class="wangzhan_menu4"></div>
            </div>
          </li>
          <li class="spacer">|</li>
          <li class="vip">
            <a href="javascript:;">京东会员</a>
            <div class="vipList">
              <div class="vipBox">
                <div class="vipBox-item">
                  <div class="vipitem-left">
                    <img src="./image/dc4cf353fd96922e.png.webp" alt="" />
                  </div>
                  <div class="vipitem-right vipitem1">
                    <h5>手机京东</h5>
                    <p class="appright">新人专享大礼包</p>
                    <p class="appBox">
                      <a href="javascript:;" class="app app1"></a>
                      <a href="javascript:;" class="app app2"></a>
                      <a href="javascript:;" class="app app3"></a>
                    </p>
                  </div>
                </div>
                <div class="vipBox-item">
                  <div class="vipitem-left">
                    <img src="./image/7cbc252ed5993190.png.webp" alt="" />
                  </div>
                  <div class="vipitem-right vipitem2">
                    <h5>关注京东JD.COM</h5>
                    <p class="appright">抢5元红包</p>
                  </div>
                </div>
                <div class="vipBox-item">
                  <div class="vipitem-left">
                    <img src="./image/5cf21582b416c186.jpg.webp" alt="" />
                  </div>
                  <div class="vipitem-right vipitem3">
                    <h5><a href="javascript:;">京东金融客户端</a></h5>
                    <p class="appright">新人专享大礼包</p>
                    <p class="appBox">
                      <a href="javascript:;" class="app app1"></a>
                      <a href="javascript:;" class="app app2"></a>
                    </p>
                  </div>
                </div>
                <div class="vipBox-item">
                  <div class="vipitem-left">
                    <img src="./image/9c45c518ad785873.png.webp" alt="" />
                  </div>
                  <div class="vipitem-right vipitem4">
                    <h5>京东健康客户端</h5>
                    <p class="appBox">
                      <a href="javascript:;" class="app app1"></a>
                      <a href="javascript:;" class="app app2"></a>
                    </p>
                  </div>
                </div>
                <div class="vipBox-item">
                  <div class="vipitem-left">
                    <img src="./image/3e925badd90757a3.jpg.webp" alt="" />
                  </div>
                  <div class="vipitem-right vipitem4">
                    <h5>关注京东小程序</h5>
                    <p class="appright">新人0.1元购</p>
                  </div>
                </div>
              </div>
            </div>
          </li>
        </ul>
      </div>
    </div>

    <div class="header-conter">
      <div class="header-conter-main">
        <div class="header-content-logo">
          <h1 class="logo_tit logo_tit_lk">
            <a href="index.html">京东</a>
          </h1>
          <div class="logo_right">
            <a href="index.html">
              <img src="./image/jdlogo.gif" alt="" />
            </a>
          </div>
        </div>
        <!-- 搜索 -->
        <div class="header-search">
          <div class="search-box">
            <div class="search-logo">
              <a href="javascript:;" class="goTop"> </a>
            </div>
            <div class="search-form">
              <input type="search" placeholder="江南皮革厂" id="select" />
              <a href="login.html"><i class="iconfont icon-zhaoxiangji2_1 search-icon"></i></a>
              <button class="search-btn">
                <i class="iconfont icon-sousuo"></i>
              </button>
              <ul class="searchlist"></ul>
            </div>
            <div class="search-shop">
              <i class="iconfont icon-gouwuchekong"></i>
              <a href="javascript:;">我的购物车</a>
              <i class="search-shop-num">0</i>
            </div>
          </div>
        </div>
        <div class="header-conter-nav">
          <a href="javascript:;" style="color: #f10214">5折天天抢</a>
          <a href="javascript:;">加多宝</a>
          <a href="javascript:;">自营电脑</a>
          <a href="javascript:;">食品饮料</a>
          <a href="javascript:;">生鲜5折</a>
          <a href="javascript:;">200减30</a>
          <a href="javascript:;">家电焕新</a>
          <a href="javascript:;">品质家具</a>
          <a href="javascript:;">潮流新款</a>
        </div>
        <div class="header-conter-nav2 clear">
          <a href="javascript:;" style="color: #f10214; font-weight: 600">秒杀</a>
          <a href="javascript:;" style="color: #f10214; font-weight: 600">优惠券</a>
          <a href="javascript:;">PLUS会员</a>
          <a href="javascript:;">拍卖</a>
          <a href="javascript:;">品牌闪购</a>
          <a href="javascript:;">京东家电</a>
          <a href="javascript:;">京东超市</a>
          <a href="javascript:;">京东生鲜</a>
          <a href="javascript:;">京东国际</a>
          <a href="javascript:;">京东云 <img src="image/a142ca108222dfd7.png"></img> </a>
        </div>
        <div class="header-conter-tuiguang">
          <a href="javascript:;"></a>
        </div>
      </div>
    </div>
    <div class="header-banner">
      <div class="header-mark">
        <a href="javascript:;"></a>
      </div>
      <div class="header-banner-main">
         <!-- 二级目录 -->

        <div class="header-banner-left">
          <ul class="header-banner-list">
            <li>
              <a href="javascript:;">家用电器</a>
              <div class="listBox">
                <div class="list">
                  <div class="list-top">
                    <a href="javascript:;">家电馆 <span>&gt;</span></a>
                    <a href="javascript:;">家电专卖店 <span>&gt;</span></a>
                    <a href="javascript:;">家电服务 <span>&gt;</span></a>
                    <a href="javascript:;">企业采购 <span>&gt;</span></a>
                  </div>
                  <div class="list-main">
                    <dl>
                      <dt>
                        <a href="javascript:;">电视<span>&gt;</span></a>
                      </dt>
                      <dd>
                        <a href="javascript:;">全面屏电视</a>
                        <a href="javascript:;">教育电视</a>
                        <a href="javascript:;">OLED电视</a>
                        <a href="javascript:;">智慧屏</a>
                      </dd>
                    </dl>
                    <dl>
                      <dt>
                        <a href="javascript:;">电视<span>&gt;</span></a>
                      </dt>
                      <dd>
                        <a href="javascript:;">全面屏电视</a>
                        <a href="javascript:;">教育电视</a>
                        <a href="javascript:;">OLED电视</a>
                        <a href="javascript:;">智慧屏</a>
                      </dd>
                    </dl>
                  </div>
                </div>
                <div class="list-right">
                  <div class="list-right-con">
                    <a href="javascript:;">
                      <img src="./image/5bbc6707N5a96386f.jpg.webp" alt="">
                    </a>
                    <a href="javascript:;">
                      <img src="./image/5bbc6707N5a96386f.jpg.webp" alt="">
                    </a>
                  </div>
                </div>
              </div>
            </li>
            <li>
              <a href="javascript:;">手机</a><span>/</span><a href="javascript:;">运营商</a><span>/</span><a
                href="javascript:;">数码</a>
              <div class="listBox">

              </div>
            </li>
            <li>
              <a href="javascript:;">电脑</a><span>/</span><a href="javascript:;">办公</a>
              <div class="listBox">

              </div>
            </li>


          </ul>
        </div>
        <!-- 轮播图 主要 -->
        <div class="header-banner-conter">
          <div class="swiper-container swiperLeft">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <img src="./image/a.jpg">
              </div>
              <div class="swiper-slide">
                <img src="./image/e.jpg">
              </div>
              <div class="swiper-slide">
                <img src="./image/q.jpg">
              </div>
              <div class="swiper-slide">
                <img src="./image/s.jpg">
              </div>
              <div class="swiper-slide">
                <img src="./image/w.jpg">
              </div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>

            <!-- 如果需要导航按钮 -->
            <div class="swiper-button-prev swiperLeft-leftBtn"></div>
            <div class="swiper-button-next swiperLeft-rightBtn"></div>
          </div>
          <!-- 轮播图 右边 -->
          <div class="swiper-right clear">
            <div class="swiper-container swiperRight">
              <div class="swiper-wrapper ">
                <div class="swiper-slide">
                  <img src="./image/0c5517e6a5ca9d37.png.webp">
                  <img src="./image/0d5ca6476aaed8de.jpg.webp">
                  <img src="./image/c8c55104663f5f8f.jpg.webp">
                </div>
                <div class="swiper-slide">
                  <img src="./image/77a901d394b7a72b.png.webp">
                  <img src="./image/80ddd16cb6797755.jpg!q60.webp">
                  <img src="./image/a1dfb967e9aa59d3.jpg.webp">
                </div>
                <div class="swiper-slide">
                  <img src="./image/68f685e9049a5ace.png.webp">
                  <img src="./image/e9449e287e48898f.jpg.webp">
                  <img src="./image/b315d9f18894e5c4.jpg.webp">
                </div>
              </div>
              <div class="swiperRightBtn">
                <!-- 如果需要导航按钮 -->
                <div class="swiper-button-prev swiperRight-leftBtn"></div>
                <div class="swiper-button-next swiperRight-rightBtn"></div>
              </div>

            </div>

          </div>
        </div>
        <div class="header-banner-right">
          <div class="banner-right-top">
            <div class="banner-right-top-head">
              <img src="./image/touxiang.png" alt="">
              <div class="loginMsg">
                <p>Hi~欢迎逛京东！</p>
                <ul class="youke clear ">
                  <li><a href="login.html">登录</a></li>
                  <li>|</li>
                  <li><a href="reg.html">注册</a></li>
                </ul>
                <ul class="loginUser clear">
                  <li>
                    <a href="javascript:;"><span class="userMsg">dsdsdsds</span></a>
                  </li>
                  <li>
                    <a href="javascript:;" class="closeLogin">退出</a>
                  </li>
                </ul>
              </div>
            </div>
            <div class="banner-right-top-cent">
              <div class="fuli">
                <a href="javascript:;">新人福利</a>
                <a href="javascript:;">PLUS会员</a>
              </div>
            </div>
            <div class="afterLine"></div>
          </div>
          <div class="banner-right-con">
            <div class="banner-right-con-top">
              <h3>京东快报</h3>
              <a href="javascript:;">更多<i class="iconfont icon-jiantou1"></i></a>
            </div>
            <ul class="banner-right-con-con">
              <li>
                <a href=""><span>热评</span>达尔优A840，好用的机械键盘</a>
              </li>
              <li>
                <a href=""><span>HOT</span>锐龙芯性能更出色，笔记本我选联想小新</a>
              </li>
              <li>
                <a href=""><span>热议</span>背上联想小新Air15，享受一整天充实的工作生活！</a>
              </li>
              <li>
                <a href=""><span>热议</span>送老公礼物，这两款产品他不喜欢才怪！</a>
              </li>
            </ul>
            <div class="afterLine"></div>
          </div>
          <div class="banner-right-foot">
            <div class="banner-right-foot-con">
              <figure>
                <img src="./image/eed6f6cbf1de3aaa.png" alt="">
                <img src="./image/0aff0a42cece09ee.png" alt="">
                <figcaption>话费</figcaption>
              </figure>
              <figure>
                <img src="./image/afb4399323fe3b76.png" alt="">
                <img src="./image/8f3f63ae04ff19af.png" alt="">
                <figcaption>机票</figcaption>
              </figure>
              <figure>
                <img src="./image/5fee386254dd2ebc.png" alt="">
                <img src="./image/b61f083872a7a1de.png" alt="">
                <span>省</span>
                <figcaption>酒店</figcaption>
              </figure>
              <figure>
                <img src="./image/caa83ce9b881cd24.png" alt="">
                <figcaption>游戏</figcaption>
              </figure>
              <figure>
                <img src="./image/caa83ce9b881cd24.png" alt="">
                <figcaption>游戏</figcaption>
              </figure>
              <figure>
                <img src="./image/caa83ce9b881cd24.png" alt="">
                <figcaption>游戏</figcaption>
              </figure>
              <figure>
                <img src="./image/caa83ce9b881cd24.png" alt="">
                <figcaption>游戏</figcaption>
              </figure>
              <figure>
                <img src="./image/caa83ce9b881cd24.png" alt="">
                <figcaption>游戏</figcaption>
              </figure>
              <figure>
                <img src="./image/caa83ce9b881cd24.png" alt="">
                <figcaption>游戏</figcaption>
              </figure>
              <figure>
                <img src="./image/caa83ce9b881cd24.png" alt="">
                <figcaption>游戏</figcaption>
              </figure>
              <figure>
                <img src="./image/caa83ce9b881cd24.png" alt="">
                <figcaption>游戏</figcaption>
              </figure>
              <figure>
                <img src="./image/caa83ce9b881cd24.png" alt="">
                <figcaption>游戏</figcaption>
              </figure>
            </div>

          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="main">
    <!-- 京东秒杀 -->
    <div class="main-top">
      <div class="main-top-box">
        <a class="main-top-box-miaosha" href="javascript:;">
          <h3>京东秒杀</h3>
          <div>
            <div><strong>16:00场</strong>距离结束</div>
            <p class="timeBox"><span>00</span><i>:</i><span>00</span><i>:</i><span>00</span></p>
          </div>
        </a>
        <div class="main-top-box-center">
          <div class="swiper-container main-top-box-swiper">
            <div class="swiper-wrapper main-top-box-swiperList">

              <div class="swiper-slide">
                <a class="swiperList" data-id=505159 href="javascript:;">
                  <div class="swiperList-top">
                    <img src=undefined alt="">
                  </div>
                  <p class="swiperList-con">undefined</p>
                  <div class="swiperList-footer">
                    <span class="price-miaosha">
                      <i>￥</i><span>0.00</span>
                    </span>
                    <span class="price-origin">
                      <i>￥</i><span>0.00</span>
                    </span>
                  </div>
                </a>
                <a class="swiperList" data-id=505158 href="javascript:;">
                  <div class="swiperList-top">
                    <img src=undefined alt="">
                  </div>
                  <p class="swiperList-con">undefined</p>
                  <div class="swiperList-footer">
                    <span class="price-miaosha">
                      <i>￥</i><span>0.00</span>
                    </span>
                    <span class="price-origin">
                      <i>￥</i><span>0.00</span>
                    </span>
                  </div>
                </a>
                <a class="swiperList" data-id=505157 href="javascript:;">
                  <div class="swiperList-top">
                    <img src=undefined alt="">
                  </div>
                  <p class="swiperList-con">undefined</p>
                  <div class="swiperList-footer">
                    <span class="price-miaosha">
                      <i>￥</i><span>0.00</span>
                    </span>
                    <span class="price-origin">
                      <i>￥</i><span>0.00</span>
                    </span>
                  </div>
                </a>
                <a class="swiperList" data-id=505156 href="javascript:;">
                  <div class="swiperList-top">
                    <img src=undefined alt="">
                  </div>
                  <p class="swiperList-con">undefined</p>
                  <div class="swiperList-footer">
                    <span class="price-miaosha">
                      <i>￥</i><span>0.00</span>
                    </span>
                    <span class="price-origin">
                      <i>￥</i><span>0.00</span>
                    </span>
                  </div>
                </a>
              </div>
            
            


            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>

            <!-- 如果需要导航按钮 -->
            <div class="swiper-button-prev conswiper-leftBtn"></div>
            <div class="swiper-button-next conswiper-rightBtn"></div>
          </div>
        </div>

        <div class="main-top-box-right">
          <a href="javascript:;">
            <div class="rightImg">
              <img src="./image/94611666e48d20c9.jpg.webp" alt="">
            </div>
            <div class="rightInfo">
              <p>珠宝饰品年中嗨购</p>
              <p>精选每满200减30</p>
              <div>
                品类秒杀<i class="iconfont icon-jiantou1"></i>
              </div>
            </div>
          </a>
        </div>


      </div>
    </div>

    <div class="main-conter">
      <div class="main-conter-top">
        <!-- 今日特价 -->
        <div class="main-conter-top-left">
          <div class="main-conter-top-left-top">
            <a href="javascript:;">
              <h3>今日特价</h3>
              <i></i>
            </a>
            <ul class="main-conter-top-list">
              <li><a href="javascript:;" class="aClass main-conter-top-lista ">精选</a></li>
              <li><a href="javascript:;" class=" main-conter-top-lista ">美食</a></li>
            
            </ul>
          </div>


          <div class="main-conter-top-left-conter">
            <div class="main-conter-top-left-listBox" style="display: block;">
              <div class="main-conter-top-left-listBox-left">
                <a href="javascript:;">
                  <div class="listBox-left-img">
                    <img src="./image/94611666e48d20c9.jpg.webp" alt="">
                  </div>
                  <div class="listBox-left-dijia">1年最低价</div>
                  <div class="listBox-left-info">
                    <p>无骨雨刮器 适合99%车型</p>
                    <div><span>￥<i>9.8</i></span><span>￥<i>29.9</i></span></div>
                    <p>已抢<span>245</span>件</p>
                  </div>
                </a>
              </div>
              <div class="main-conter-top-left-item main-conter-topitem1">
                <a href="javascript:;" class="clear">
                  <div>
                    <img src="./image/94611666e48d20c9.jpg.webp" alt="">
                  </div>
                  <span class="item-position">1年最低价</span>
                  <div>
                    <span>一桌多用积木桌</span>
                    <div>
                      <span>￥<i>28.9</i></span>
                      <span>￥<i>69</i></span>
                    </div>
                  </div>
                </a>
              </div>
              <div class="main-conter-top-left-item main-conter-topitem2">
                <a href="javascript:;" class="clear">
                  <div>
                    <img src="./image/94611666e48d20c9.jpg.webp" alt="">
                  </div>
                  <span class="item-position">1年最低价</span>
                  <div>
                    <span>一桌多用积木桌</span>
                    <div>
                      <span>￥<i>28.9</i></span>
                      <span>￥<i>69</i></span>
                    </div>
                  </div>
                </a>
              </div>
              <div class="main-conter-top-left-item main-conter-topitem3">
                <a href="javascript:;" class="clear">
                  <div>
                    <img src="./image/94611666e48d20c9.jpg.webp" alt="">
                  </div>
                  <span class="item-position">1年最低价</span>
                  <div>
                    <span>一桌多用积木桌</span>
                    <div>
                      <span>￥<i>28.9</i></span>
                      <span>￥<i>69</i></span>
                    </div>
                  </div>
                </a>
              </div>
              <div class="main-conter-top-left-item main-conter-topitem4">
                <a href="javascript:;" class="clear">
                  <div>
                    <img src="./image/94611666e48d20c9.jpg.webp" alt="">
                  </div>
                  <span class="item-position">1年最低价</span>
                  <div>
                    <span>一桌多用积木桌</span>
                    <div>
                      <span>￥<i>28.9</i></span>
                      <span>￥<i>69</i></span>
                    </div>
                  </div>
                </a>
              </div>
            </div>
            <div class="main-conter-top-left-listBox">
              <div class="main-conter-top-left-listBox-left">
                <a href="javascript:;">
                  <div class="listBox-left-img">
                    <img src="./image/94611666e48d20c9.jpg.webp" alt="">
                  </div>
                  <div class="listBox-left-dijia">1年最低价</div>
                  <div class="listBox-left-info">
                    <p>无骨雨刮器 适合99%车型</p>
                    <div><span>￥<i>9.8</i></span><span>￥<i>29.9</i></span></div>
                    <p>已抢<span>245</span>件</p>
                  </div>
                </a>
              </div>
              <div class="main-conter-top-left-item main-conter-topitem1">
                <a href="javascript:;" class="clear">
                  <div>
                    <img src="./image/94611666e48d20c9.jpg.webp" alt="">
                  </div>
                  <span class="item-position">1年最低价</span>
                  <div>
                    <span>一桌多用积木桌</span>
                    <div>
                      <span>￥<i>28.9</i></span>
                      <span>￥<i>69</i></span>
                    </div>
                  </div>
                </a>
              </div>
              <div class="main-conter-top-left-item main-conter-topitem2">
                <a href="javascript:;" class="clear">
                  <div>
                    <img src="./image/94611666e48d20c9.jpg.webp" alt="">
                  </div>
                  <span class="item-position">1年最低价</span>
                  <div>
                    <span>一桌多用积木桌</span>
                    <div>
                      <span>￥<i>28.9</i></span>
                      <span>￥<i>69</i></span>
                    </div>
                  </div>
                </a>
              </div>
              <div class="main-conter-top-left-item main-conter-topitem3">
                <a href="javascript:;" class="clear">
                  <div>
                    <img src="./image/94611666e48d20c9.jpg.webp" alt="">
                  </div>
                  <span class="item-position">1年最低价</span>
                  <div>
                    <span>一桌多用积木桌</span>
                    <div>
                      <span>￥<i>28.9</i></span>
                      <span>￥<i>69</i></span>
                    </div>
                  </div>
                </a>
              </div>
              <div class="main-conter-top-left-item main-conter-topitem4">
                <a href="javascript:;" class="clear">
                  <div>
                    <img src="./image/94611666e48d20c9.jpg.webp" alt="">
                  </div>
                  <span class="item-position">1年最低价</span>
                  <div>
                    <span>一桌多用积木桌</span>
                    <div>
                      <span>￥<i>28.9</i></span>
                      <span>￥<i>69</i></span>
                    </div>
                  </div>
                </a>
              </div>
            </div>
          
          </div>
        </div>

        <!-- 品牌闪购 -->
        <div class="main-conter-top-right">
          <div class="main-conter-top-right-top">
            <a href="javascript:;">
              <h3>品牌闪购</h3>
              <i></i>
            </a>
          </div>
          <div class='main-conter-top-right-conter'>
            <div class="main-conter-right-conter-box">
              <a href="javascript:;">
                <img src="./image/4dbeed9ca58c24af.png!cc_70x35.webp" alt="">
                <h3>618狂欢闪购</h3>
                <div>
                  <span>618全场65折起</span>
                  <span>仅剩<i>2</i>天</span>
                </div>
                <img src="./image/94611666e48d20c9.jpg.webp" alt="">
              </a>
              <div class="gooderOther">
                <a href="javascript:;">
                  <div>
                    <img src="./image/18ad3956fac1757b.png!cc_300x150.webp" alt="">
                  </div>
                  <h6>六福珠宝闪购专场</h6>
                </a>
                <a href="javascript:;">
                  <div>
                    <img src="./image/18ad3956fac1757b.png!cc_300x150.webp" alt="">
                  </div>
                  <h6>六福珠宝闪购专场</h6>
                </a>
                <a href="javascript:;">
                  <div>
                    <img src="./image/18ad3956fac1757b.png!cc_300x150.webp" alt="">
                  </div>
                  <h6>六福珠宝闪购专场</h6>
                </a>
                <a href="javascript:;">
                  <div>
                    <img src="./image/18ad3956fac1757b.png!cc_300x150.webp" alt="">
                  </div>
                  <h6>六福珠宝闪购专场</h6>
                </a>
                <a href="javascript:;">
                  <div>
                    <img src="./image/18ad3956fac1757b.png!cc_300x150.webp" alt="">
                  </div>
                  <h6>六福珠宝闪购专场</h6>
                </a>
                <a href="javascript:;">
                  <div>
                    <img src="./image/18ad3956fac1757b.png!cc_300x150.webp" alt="">
                  </div>
                  <h6>六福珠宝闪购专场</h6>
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 探索新生活 -->
      <div class="main-conter-mid">
        <div class="main-conter-mid-box">
          <div class="main-conter-mid-box-left">
            <div>
              <p>
                <i>探索新生活</i>
              </p>
            </div>
          </div>
          <div class="main-conter-mid-box-center">
            <div class="swiper-container main-center-swiperBox">
              <div class="swiper-wrapper main-center-swiperBox2">
                <div class="swiper-slide">
                  <div class="swiperListItem">
                    <img src='./image/885d2f005abd7e97.jpg!q70.jpg.webp' alt="">
                    <p>一瓶提神醒脑、两瓶永不衰老</p>
                  </div>
                  <div class="swiperListItem">
                    <p>钱雕万琢、相守一生</p>
                    <img src='./image/94611666e48d20c9.jpg.webp' alt="">
                  </div>
                  <div class="swiperListItem">
                    <img src='./image/885d2f005abd7e97.jpg!q70.jpg.webp' alt="">
                    <p>一瓶提神醒脑、两瓶永不衰老</p>
                  </div>
                  <div class="swiperListItem">
                    <p>钱雕万琢、相守一生</p>
                    <img src='./image/94611666e48d20c9.jpg.webp' alt="">
                  </div>
                  <div class="swiperListItem">
                    <img src='./image/885d2f005abd7e97.jpg!q70.jpg.webp' alt="">
                    <p>一瓶提神醒脑、两瓶永不衰老</p>
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="swiperListItem">
                    <p>钱雕万琢、相守一生</p>
                    <img src='./image/94611666e48d20c9.jpg.webp' alt="">
                  </div>
                  <div class="swiperListItem">
                    <img src='./image/885d2f005abd7e97.jpg!q70.jpg.webp' alt="">
                    <p>一瓶提神醒脑、两瓶永不衰老</p>
                  </div>
                  <div class="swiperListItem">
                    <p>钱雕万琢、相守一生</p>
                    <img src='./image/94611666e48d20c9.jpg.webp' alt="">
                  </div>
                  <div class="swiperListItem">
                    <img src='./image/885d2f005abd7e97.jpg!q70.jpg.webp' alt="">
                    <p>一瓶提神醒脑、两瓶永不衰老</p>
                  </div>
                  <div class="swiperListItem">
                    <p>钱雕万琢、相守一生</p>
                    <img src='./image/94611666e48d20c9.jpg.webp' alt="">
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="swiperListItem">
                    <img src='./image/885d2f005abd7e97.jpg!q70.jpg.webp' alt="">
                    <p>一瓶提神醒脑、两瓶永不衰老</p>
                  </div>
                  <div class="swiperListItem">
                    <p>钱雕万琢、相守一生</p>
                    <img src='./image/94611666e48d20c9.jpg.webp' alt="">
                  </div>
                  <div class="swiperListItem">
                    <img src='./image/885d2f005abd7e97.jpg!q70.jpg.webp' alt="">
                    <p>一瓶提神醒脑、两瓶永不衰老</p>
                  </div>
                  <div class="swiperListItem">
                    <p>钱雕万琢、相守一生</p>
                    <img src='./image/94611666e48d20c9.jpg.webp' alt="">
                  </div>
                  <div class="swiperListItem">
                    <img src='./image/885d2f005abd7e97.jpg!q70.jpg.webp' alt="">
                    <p>一瓶提神醒脑、两瓶永不衰老</p>
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="swiperListItem">
                    <p>钱雕万琢、相守一生</p>
                    <img src='./image/94611666e48d20c9.jpg.webp' alt="">
                  </div>
                  <div class="swiperListItem">
                    <img src='./image/885d2f005abd7e97.jpg!q70.jpg.webp' alt="">
                    <p>一瓶提神醒脑、两瓶永不衰老</p>
                  </div>
                  <div class="swiperListItem">
                    <p>钱雕万琢、相守一生</p>
                    <img src='./image/94611666e48d20c9.jpg.webp' alt="">
                  </div>
                  <div class="swiperListItem">
                    <img src='./image/885d2f005abd7e97.jpg!q70.jpg.webp' alt="">
                    <p>一瓶提神醒脑、两瓶永不衰老</p>
                  </div>
                  <div class="swiperListItem">
                    <p>钱雕万琢、相守一生</p>
                    <img src='./image/94611666e48d20c9.jpg.webp' alt="">
                  </div>
                </div>
              </div>

            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="main-mid">
      <div class="main-mid-header">
        <h3>为你推荐</h3>
      </div>

      <div class="main-mid-nav">
        <ul class="">
          <li>
            <div><span class="mid_color">精选</span></div>
            <p class="mid_p_color">猜你喜欢</p>
          </li>
          <li>
            <div><span class="">智能先锋</span></div>
            <p class="">大电器城</p>
          </li>
          <li>
            <div><span class="">居家优品</span></div>
            <p class="">品质生活</p>
          </li>
          <li>
            <div><span class="">超市百货</span></div>
            <p class="">百货生鲜</p>
          </li>
          <li>
            <div><span class="">时尚达人</span></div>
            <p class="">美妆穿搭</p>
          </li>
          <li>
            <div><span class="">进口好物</span></div>
            <p class="">京东国际</p>
          </li>
        </ul>
      </div>

      <!-- 商品列表 -->
      <div class="main-mid-content clear">
        <ul class="clear">
          <li>
            <a href="detail.html?id=505157">
              <div>
                <img src=undefined alt="">
              </div>
              <div>
                <p><i>自营</i><span>undefined</span></p>
                <div>
                  <div>
                    <i>￥</i><span>0.00</span><span>.00</span>
                  </div>
                  <p>
                    <i>券</i>
                  </p>
                </div>
              </div>
            </a>
          </li>
          <li>
            <a href="detail.html?id=505156">
              <div>
                <img src=undefined alt="">
              </div>
              <div>
                <p><i>自营</i><span>undefined</span></p>
                <div>
                  <div>
                    <i>￥</i><span>0.00</span><span>.00</span>
                  </div>
                  <p>
                    <i>券</i>
                  </p>
                </div>
              </div>
            </a>
          </li>
          <li>
            <a href="detail.html?id=505155">
              <div>
                <img src=https://img1.baidu.com/it/u=1858974866,2509556658&fm=26&fmt=auto&gp=0.jpg alt="">
              </div>
              <div>
                <p><i>自营</i><span></span></p>
                <div>
                  <div>
                    <i>￥</i><span>787.00</span><span>.00</span>
                  </div>
                  <p>
                    <i>券</i>
                  </p>
                </div>
              </div>
            </a>
          </li>
          <li>
            <a href="detail.html?id=505154">
              <div>
                <img src=undefined alt="">
              </div>
              <div>
                <p><i>自营</i><span>undefined</span></p>
                <div>
                  <div>
                    <i>￥</i><span>0.00</span><span>.00</span>
                  </div>
                  <p>
                    <i>券</i>
                  </p>
                </div>
              </div>
            </a>
          </li>
          <li>
            <a href="detail.html?id=505153">
              <div>
                <img src=https://img0.baidu.com/it/u=934765064,3122823139&fm=26&fmt=auto&gp=0.jpg alt="">
              </div>
              <div>
                <p><i>自营</i><span></span></p>
                <div>
                  <div>
                    <i>￥</i><span>785.00</span><span>.00</span>
                  </div>
                  <p>
                    <i>券</i>
                  </p>
                </div>
              </div>
            </a>
          </li>
          <li>
            <a href="detail.html?id=505152">
              <div>
                <img src=1.jpg alt="">
              </div>
              <div>
                <p><i>自营</i><span>v得不到不烦不烦不烦不烦吧</span></p>
                <div>
                  <div>
                    <i>￥</i><span>123.00</span><span>.00</span>
                  </div>
                  <p>
                    <i>券</i>
                  </p>
                </div>
              </div>
            </a>
          </li>
          <li>
            <a href="detail.html?id=505151">
              <div>
                <img src=https://img2.baidu.com/it/u=1783156570,1182737614&fm=11&fmt=auto&gp=0.jpg alt="">
              </div>
              <div>
                <p><i>自营</i><span></span></p>
                <div>
                  <div>
                    <i>￥</i><span>669.00</span><span>.00</span>
                  </div>
                  <p>
                    <i>券</i>
                  </p>
                </div>
              </div>
            </a>
          </li>
          <li>
            <a href="detail.html?id=505150">
              <div>
                <img src=https://img2.baidu.com/it/u=3543428128,2346503594&fm=26&fmt=auto&gp=0.jpg alt="">
              </div>
              <div>
                <p><i>自营</i><span></span></p>
                <div>
                  <div>
                    <i>￥</i><span>559.00</span><span>.00</span>
                  </div>
                  <p>
                    <i>券</i>
                  </p>
                </div>
              </div>
            </a>
          </li>
          <li>
            <a href="detail.html?id=505148">
              <div>
                <img src=alt="">
              </div>
              <div>
                <p><i>自营</i><span></span></p>
                <div>
                  <div>
                    <i>￥</i><span>0.00</span><span>.00</span>
                  </div>
                  <p>
                    <i>券</i>
                  </p>
                </div>
              </div>
            </a>
          </li>
          
        </ul>
      </div>
    </div>
  </div>
  <div class="footer">
    <div class="footer-top">
      <ul>
        <li>
          <div>
            <h5 class="foot-h5-1"></h5>
            <p>品类齐全，轻松购物</p>
          </div>
        </li>
        <li>
          <div>
            <h5 class="foot-h5-2"></h5>
            <p>多仓直发，极速配送</p>
          </div>
        </li>
        <li>
          <div>
            <h5 class="foot-h5-3"></h5>
            <p>正品行货，精致服务</p>
          </div>
        </li>
        <li>
          <div>
            <h5 class="foot-h5-4"></h5>
            <p>天天低价，畅选无忧</p>
          </div>
        </li>
      </ul>
    </div>
    <div class="footer-con">
      <div class="footer-con-box">
        <div>
          <h6>购物指南</h6>
          <ul>
            <li><a href="javascript:;">购物流程</a></li>
            <li><a href="javascript:;">会员介绍</a></li>
            <li><a href="javascript:;">生活旅行</a></li>
            <li><a href="javascript:;">常见问题</a></li>
            <li><a href="javascript:;">大家电</a></li>
            <li><a href="javascript:;">联系客服</a></li>
          </ul>
        </div>
        <div>
          <h6>配送方式</h6>
          <ul>
            <li><a href="javascript:;">购物流程</a></li>
            <li><a href="javascript:;">生活旅行</a></li>
            <li><a href="javascript:;">常见问题</a></li>
            <li><a href="javascript:;">大家电</a></li>
            <li><a href="javascript:;">联系客服</a></li>
          </ul>
        </div>
        <div>
          <h6>支付方式</h6>
          <ul>
            <li><a href="javascript:;">购物流程</a></li>
            <li><a href="javascript:;">会员介绍</a></li>
            <li><a href="javascript:;">生活旅行</a></li>
            <li><a href="javascript:;">常见问题</a></li>
            <li><a href="javascript:;">联系客服</a></li>
          </ul>
        </div>
        <div>
          <h6>售后服务</h6>
          <ul>
            <li><a href="javascript:;">购物流程</a></li>
            <li><a href="javascript:;">会员介绍</a></li>
            <li><a href="javascript:;">生活旅行</a></li>

            <li><a href="javascript:;">联系客服</a></li>
          </ul>
        </div>
        <div>
          <h6>特色服务</h6>
          <ul>
            <li><a href="javascript:;">购物流程</a></li>
            <li><a href="javascript:;">会员介绍</a></li>
            <li><a href="javascript:;">生活旅行</a></li>
            <li><a href="javascript:;">常见问题</a></li>
            <li><a href="javascript:;">大家电</a></li>
            <li><a href="javascript:;">联系客服</a></li>
          </ul>
        </div>
        <div class="jdzy">
          <h6>京东自营覆盖区县</h6>
          <div>
            <p>京东已向全国2661个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。</p>
            <p><a href="javascript:;">查看详情<span>></span></a></p>
          </div>
        </div>
      </div>
    </div>
    <div class="footer-bot">
      <p>
        <a href="javascript:;">关于我们</a><span>|</span><a href="javascript:;">关于我们</a><span>|</span><a
          href="javascript:;">关于我们</a><span>|</span><a href="javascript:;">关于我们</a><span>|</span><a
          href="javascript:;">关于我们</a><span>|</span><a href="javascript:;">关于我们</a><span>|</span><a
          href="javascript:;">关于我们</a><span>|</span><a href="javascript:;">关于我们</a><span>|</span><a
          href="javascript:;">关于我们</a><span>|</span><a href="javascript:;">关于我们</a><span>|</span><a
          href="javascript:;">关于我们</a><span>|</span><a href="javascript:;">关于我们</a><span>|</span><a
          href="javascript:;">关于我们</a><span>|</span><a href="javascript:;">关于我们</a><span>|</span><a
          href="javascript:;">关于我们</a>
      </p>
      <div class="footer-bot-con">
        <p>
          <a href="javascript:;">京公网安备 11000002000088号</a><span>|</span><a
            href="javascript:;">京ICP备11041704号</a><span>|</span><a
            href="javascript:;">互联网药品信息服务资格证编号(京)-经营性-2014-0008</a><span>|</span><a href="javascript:;">新出发京零
            字第大120007号</a>
        </p>
        <p>
          <a href="javascript:;">互联网出版许可证编号新出网证(京)字150号</a><span>|</span><a
            href="javascript:;">出版物经营许可证</a><span>|</span><a
            href="javascript:;">网络文化经营许可证京网文[2020]6112-1201号</a><span>|</span><a
            href="javascript:;">违法和不良信息举报电话：4006561155</a>
        </p>
        <p>
          <a href="javascript:;">Copyright © 2004 - 2021 京东JD.com 版权所有</a><span>|</span><a
            href="javascript:;">消费者维权热线：4006067733</a><span>|</span><a href="javascript:;">经营证照</a><span>|</span><a
            href="javascript:;">(京)网械平台备字(2018)第00003号</a><span>|</span><a href="javascript:;">营业执照</a>
        </p>
        <div class="footer-list">
          <p>
            <a href="javascript:;"><i></i>Global Site </a><span>|</span><a href="javascript:;"><i></i>Сайт
              России</a><span>|</span><a href="javascript:;"><i></i>Situs Indonesia</a><span>|</span><a
              href="javascript:;"><i></i>Sitio de España</a><span>|</span><a
              href="javascript:;"><i></i>เว็บไซต์ประเทศไทย</a>
          </p>
        </div>
        <p>
          <i>京东旗下网站：</i><a href="javascript:;">京东钱包</a><span>|</span><a href="javascript:;">京东云</a>
        </p>
      </div>
      <div class="footer-bot-fot">
        <a href="javascript:;"></a>
        <a href="javascript:;"></a>
        <a href="javascript:;"></a>
        <a href="javascript:;"></a>
        <a href="javascript:;"></a>
        <a href="javascript:;"></a>
      </div>
    </div>
  </div>
  <div class="navfiexd">
    <ul>
      <li>回到顶部</li>
      <li>京东秒杀</li>
      <li class="liimg"></li>
      <li>今日特价</li>
      <li>发现好货</li>
      <li>为你推荐</li>
    </ul>
  </div>
  <script src="./js/index.js"></script>
</body>

</html>